<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>订单页面</title>

    <head>
        <!-- Import style -->
        <link rel="stylesheet" href="//unpkg.com/element-plus/dist/index.css" />
        <!-- Import Vue 3 -->
        <script src="//unpkg.com/vue@3"></script>
        <!-- Import component library -->
        <script src="//unpkg.com/element-plus"></script>
        <link rel="stylesheet" href="css/iconfont.css">
        <link rel="stylesheet" href="css/index.css">
        <link rel="stylesheet" href="css/collection.css">
        <link rel="shortcut icon" href="image/favicon.ico" type="image/x-icon">
        <script src="js/carousel.js"></script>
    </head>
</head>

<body>
<div class="generalframework">
    <div class="header">
        <ul>
            <li><a href="/toIndex">首页</a></li>
            <li><a href="/toCollection">收藏中心</a></li>
            <li><a href="/toOrder">我的订单</a></li>
            <li><label for="customer"><img class="icon" src="image/user.png"></label></li>
            <li><a href="/pre_login"><input type="button" value="登录" id="customer"></a></li>
        </ul>
    </div>
    <div class="content">
        <div class="content-mid">
            <img src="image/login.jpeg" alt="" width="1000px" height="100px">
            <span class="content-mid-text">收藏中心</span>
            <ul class="content-mid-ul" id="myList" th:each="car,stats:${carList}">
                <li class="content-mid-ul-li">
                    <form action="/cancel_Collection" method="post">
                        <input type="hidden" name="carId" th:value="${car.carId}">
                        <div class="content-mid-car">
                            <div class="content-mid-car-img">
                                <img th:src="${car.imgURL}" alt="" width="200px" height="90px">
                            </div>
                            <div class="content-mid-car-text">

                                    <span style="font-weight: bolder; font-size: 20px;"
                                          th:text="${car.carName}"></span><br><br>

                                <span style="color: gray;font-size: 15px;">还在准备中.&nbsp;.&nbsp;.&nbsp;</span>
                            </div>
                        </div>
                        <button class="content-mid-button" style="writing-mode: vertical-lr">取消收藏</button>
                    </form>

                </li>
            </ul>
        </div>

    </div>

</div>
</body>

</html>